<template>
  <m-page>
    <m-header>
      <div class="g-content">
        <div class="g-header">
          <!-- 可用额度 -->
          <div class="g-header-havelimit">
            <p>
              可用额度（元）<br />
              <b>300,000.00</b>
            </p>
          </div>
          <!-- 总额度及年利率 -->
          <div class="g-header-limit">
            <div class="g-header-limit-money">
              <p>
                总额度（元）<br />
                <b>300,000.00</b>
              </p>
            </div>
            <div class="g-header-limit-rate">
              年利率<br />
              <b>7.200%</b>
            </div>
          </div>
        </div>
        <!-- 按钮区域 -->
        <div class="g-button">
          <button>去激活</button>
          <div>
            <span>额度申请成功，签约激活就能用</span>
          </div>
        </div>
        <!-- 提示区域 -->
        <div class="g-tip">
          <div class="g-tip-question">
            <div>
              <a href="javascript:;">常见问题</a>
            </div>
            <div>
              <a href="javascript:;">额度合同</a>
            </div>
          </div>

          <div>
            <span>长沙银行具有快乐流水贷的最终解释权</span>
          </div>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { Button } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
